<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" href="../../css/app.css">
    <link rel="stylesheet" href="../../css/aui-slide.css">
    <title>零美云合</title>
    <style type="text/css">
      .goods-tips {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1.35rem;
        line-height: 1.35rem;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 0.75rem;
      }
      .goods-button {
        position: absolute;
        right: 0;
        top : 00;
        width: 50px;
        height: 50px;
        font-size: 16px;
        color: #ffffff;
        padding: 7px;
        line-height: 18px;
        text-align: center;
        background-color: #cccccc;
      }
      .goods-button.active {
        background-color: #f84242;
      }
    </style>
</head>

<body>
    <div class="header fixStatusBar">
        <div class="wrapper">
            <span class="title"><img class="logo" src="../../image/logo.png"/></span>
        </div>
    </div>
    <div class="container top-container">
        <!-- 滚动 -->
        <div id="container-banner" style="height: 180px">

        </div>
        <!--
        <div id="container-tags" class="aui-grid">

        </div>
        -->
        <!-- 活动专区 -->
        <div id="container-activity" class="">

        </div>
        <!-- 非会员体验产品 -->
        <div class="aui-margin-b-10">
          <div class="aui-row">
            <div class="aui-col-xs-12 aui-padded-0">
              <img style="height: 110px;width: 100%" src="../../image/home-ty-ad.jpg"/>
            </div>
          </div>
        </div>
        <!-- 秒杀 -->
        <div id="container-goods" class="aui-margin-b-5">

        </div>
        <div id="container-service" class="aui-margin-b-5">
          <div class="aui-row">
            <div class="aui-col-xs-12 aui-padded-0">
              <img src="../../image/home-service-title.jpg"/>
            </div>
          </div>
          <div class="aui-row">
            <div class="aui-col-xs-12 aui-padded-0">
              <img src="../../image/home-service-01.jpg"/>
            </div>
          </div>
          <div class="aui-row">
            <div class="aui-col-xs-12 aui-padded-0">
              <img src="../../image/home-service-02.jpg"/>
            </div>
          </div>
          <div class="aui-row">
            <div class="aui-col-xs-12 aui-padded-0">
              <img src="../../image/home-service-03.jpg"/>
            </div>
          </div>
          <div class="aui-row">
            <div class="aui-col-xs-12 aui-padded-0">
              <img src="../../image/home-order-title.jpg"/>
            </div>
          </div>
          <div class="aui-row">
            <div class="aui-col-xs-12 aui-padded-0">
              <img src="../../image/home-order-01.jpg"/>
            </div>
          </div>
          <div class="aui-row">
            <div class="aui-col-xs-12 aui-padded-0">
              <img src="../../image/home-order-02.jpg"/>
            </div>
          </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/app.js"></script>
<script type="text/javascript" src="../../script/service.js"></script>
<script type="text/javascript" src="../../script/doT.min.js"></script>
<script type="text/javascript" src="../../script/aui-slide.js"></script>
<script type="text/javascript" src="../../script/html/home/index.js"></script>
<script id="tpl_banner" type="text/x-dot-template">
  <div class="aui-slide-wrap">
  {{ for (var i = 0, l = it.length; i < l; i++) { }}
    <div class="aui-slide-node aui-slide-node-middle aui-slide-node-center">
        <img src="{{=it[i].image}}" />
    </div>
  {{ } }}
  </div>
  <div class="aui-slide-page-wrap"><!--分页容器--></div>
</script>
<script id="tpl_activity" type="text/x-dot-template">
  {{ for (var i = 0, l = it.length; i < l; i=i+2) { }}
    <div class="aui-row">
        <div class="aui-col-xs-6 aui-padded-t-5 aui-padded-b-5 aui-padded-l-5" style="padding-right: 2px">
          <img style="height: 100%;width: 100%" src="{{=it[i].image}}"/>
        </div>
        <div class="aui-col-xs-6 aui-padded-t-5 aui-padded-b-5 aui-padded-r-5" style="padding-left: 2px">
          {{ if(it.length > (i+1)) { }}
          <img style="height: 100%;width: 100%" src="{{=it[i+1].image}}"/>
          {{ } }}
        </div>
    </div>
  {{ } }}
</script>
<script id="tpl_tags" type="text/x-dot-template">
  <div class="aui-row">
  {{ for (var i = 0, l = it.length; i < l; i++) { }}
      <div class="aui-col-xs-3 aui-padded-5">
        <span class="aui-text-center"><img style="width: 36px" src="{{=it[i].image}}" /></span>
      </div>
  {{ } }}
  </div>
</script>
<script id="tpl_goods" type="text/x-dot-template">
  {{ for (var i = 0, l = it.length; i < l; i++) { }}
  {{ if( i%2 == 0) { }}
    <div class="aui-row">
    {{ if( i+1 < it.length ) { }}
      <div class="aui-col-xs-6 aui-padded-r-5">
    {{ } }}
  {{ } else { }}
    {{ if( i < it.length ) { }}
      <div class="aui-col-xs-6 aui-padded-l-5">
    {{ } }}
  {{ }}}
  <div goods_id="{{=it[i].goods_id}}" class="container-goods">
    <div class="aui-row" style="position: relative">
      {{ if( i%2 == 0) { }}
        {{ if( i+1 < it.length ) { }}
          <img style="width: 100%" src="{{=it[i].image}}" />
        {{ } else { }}
          <img style="width: 100%" src="{{=it[i].long_image}}" />
        {{ } }}
      {{ } else { }}
        <img style="width: 100%" src="{{=it[i].image}}" />
      {{ }}}
      <div class="goods-tips">{{=it[i].tips}}</div>
    </div>
    <div class="aui-row aui-text-center">
      <span>{{=it[i].name}}</span>
    </div>
    <div class="aui-row">
      <div class="aui-col-xs-6">
        <div>秒杀价</div>
        <div style="color: #f84242;font-weight: bold;font-size: 20px;">¥{{=it[i].price}}</div>
        <div style="text-decoration: line-through;">市场价:¥{{=it[i].market_price}}</div>
      </div>
      <div class="aui-col-xs-6">
        {{ if( it[i].status == 'start' || it[i].status == 'wait' ) { }}
        <a class="goods-button active" onclick="openGoods(this, '{{=it[i].goods_id}}')">
        {{ } else { }}
        <a class="goods-button" onclick="openGoods(this, '{{=it[i].goods_id}}')">
        {{ } }}
          <span>立即抢购</span>
        </a>
      </div>
    </div>
  </div>
  {{ if( i%2 == 0) { }}
    {{ if( i+1 < it.length ) { }}
      </div>
    {{ } }}
  {{ } else { }}
    </div>
    {{ if( i < it.length ) { }}
      </div>
    {{ } }}
  {{ }}}
  {{ } }}
</script>
</html>
